<script setup>
import  {ref} from 'vue'
const shu=ref()
const emit=defineEmits(['shuzi'])
const props=defineProps({num:{type:String,required:true},
str:{type:String,default:"默认值"},
count1:{type:Number,validator(value){ console.log(value % 2 ==0);return value % 2 ==0 ? 1: 0}},init:Boolean,arr:Array,obj:Object})
//const props =defineProps(['num','str'])
//父组件向子组件传递 ------> 通过属性传递
//子组件向父组件传递 ------> 通过实践传递
// 1.声明自定义事件的名称
// 2.子组件中通过触发自定义事件
// 3.父组件通过监听的方式
</script>
<!-- <script>
    export default{
    props:['num1','str']
    }

</script> -->
<template >
<h1>1,父组件向子组件传递数据--- 子组件</h1>
{{num}}<br>
str:{{str}}<br>
{{ count1}}<br>
init :{{init}}<br>
arr:{{arr}}<br>
obj:{{obj}}
<br>
{{shu}}<button @click="$emit('shuzi',1)">事件传递shu变量</button>
</template>
<style>
</style>